@import "./theme-color.scss";
$themes: (
  #409eff: #fff,
  #14f7d1: #fff,
  #e4f714: #000,
  #ffc0cd: #fff,
);
/*
    @each $val in list 是scss的语法 https://www.sass.hk/docs/#t8-4
    类似于 foreach
    主题切换 依赖的是 自定义属性，在选择主题颜色的时候，给 ID选择器 app添加自定义属性 data-theme = 'theme' theme代表选择的颜色
*/
#app {
  @each $themeName, $ftColor in $themes {
    &[data-theme="#{$themeName}"] {
      @include theme-color($themeName, $ftColor);
    }
  }
}
